﻿<UserControl x:Class="MOM.Player.Page"
    xmlns="http://schemas.microsoft.com/client/2007" 
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
    Width="640" Height="60">

    <Canvas x:Name="parentCanvas"
        Loaded="Page_Loaded" 
        Background="Transparent"
        >

        <TextBlock Canvas.Left="0" Canvas.Top="2" Height="40" FontFamily="Arial" FontSize="40" FontWeight="SemiBold" Foreground="#FFFFFF" Opacity="0.3" x:Name="txtTimeElapsed"></TextBlock>
        <TextBlock Canvas.Left="503" Canvas.Top="2" Height="40" FontFamily="Arial" FontSize="40" FontWeight="SemiBold" Foreground="#FFFFFF" Opacity="0.3" x:Name="txtTimeTotal"></TextBlock>

        <Image Canvas.Left="160" Canvas.Top="14" Cursor="Hand" x:Name="imgShuffle"></Image>
        <Image Canvas.Left="194" Canvas.Top="12" Cursor="Hand" x:Name="imgRepeat"></Image>
        
        <Image Canvas.Left="249" Canvas.Top="8" Cursor="Hand" x:Name="imgPrev"></Image>
        <Image Canvas.Left="296" Canvas.Top="0" Cursor="Hand" x:Name="imgPlay"></Image>
        <Image Canvas.Left="359" Canvas.Top="8" Cursor="Hand" x:Name="imgNext"></Image>

        <Image Canvas.Left="426" Canvas.Top="11" Canvas.ZIndex="20" x:Name="imgVolume"></Image>
        <Image Canvas.Left="426" Canvas.Top="11" Canvas.ZIndex="10" x:Name="imgVolumeBg"></Image>
        
        <Rectangle Canvas.Left="0" Canvas.Top="52" Canvas.ZIndex="40" Width="640" Height="8" Opacity="0.3" x:Name="TimerBorder">
            <Rectangle.Fill>
                <SolidColorBrush Color="#FFFFFF" Opacity="0.0" />
            </Rectangle.Fill>
            <Rectangle.Stroke>
                <SolidColorBrush Color="#FFFFFF" />
            </Rectangle.Stroke>
        </Rectangle>

        <Rectangle Canvas.Left="1" Canvas.Top="52" Canvas.ZIndex="20" Width="0" Height="6" Opacity="0.6" x:Name="TimerBar">
            <Rectangle.Fill>
                <SolidColorBrush Color="#FFFFFF" />
            </Rectangle.Fill>
        </Rectangle>

        <Rectangle Canvas.Left="1" Canvas.Top="52" Canvas.ZIndex="30" Width="0" Height="6" Opacity="0.5" x:Name="TimerMarking">
            <Rectangle.Fill>
                <SolidColorBrush Color="#FFFFFF" />
            </Rectangle.Fill>
        </Rectangle>

        <Rectangle Canvas.Left="1" Canvas.Top="52" Canvas.ZIndex="10" Width="0" Height="6" Opacity="0.3" x:Name="DownloadBar">
            <Rectangle.Fill>
                <SolidColorBrush Color="#000000" />
            </Rectangle.Fill>
        </Rectangle>

        <Rectangle Canvas.Left="1" Canvas.Top="52" Canvas.ZIndex="35" Width="0" Height="6" Opacity="0.5" x:Name="BufferBar">
            <Rectangle.Fill>
                <SolidColorBrush Color="#FFFFFF" />
            </Rectangle.Fill>
        </Rectangle>

        <MediaElement x:Name="MediaPlayer" Volume="1" />

        <Canvas.Resources>
            <Storyboard x:Name="Timer"></Storyboard>
        </Canvas.Resources>
    </Canvas>

</UserControl>
